<template>
  <div class="dashboard">
    <div class="title">
      <p>你好, 欢迎访问K8S代码开发平台</p>
      <el-button class="button">创建一个项目</el-button>
      <el-select placeholder="请选择你的系统">
        <el-option>blog_system</el-option>
        <el-option>kubernetes_system</el-option>
        <el-option>devops_system</el-option>
        <el-option>webide_system</el-option>
      </el-select>
      <el-card class="card">
        你的K8S命名空间: k8scode<br><br>
        你的deployments: artifactory code-server go-platform vue-admin<br><br>
        你的域名:
        <ul>
          <li>k8scodeplatform.top</li>
          <li>vscode.k8scodeplatform.top</li>
        </ul>
      </el-card>
      <el-card class="card">
        你的项目列表<br>
        <ul>
          <li>k8scodeplatform</li>
        </ul>
      </el-card>
      <el-card class="card">
        DevOps系统<br><br>
        <a href="http://tekton.k8scodeplatform.top:30436">点击此进入devops系统</a>
      </el-card>
      <el-card class="card">
        你的团队成员<br>
        <ul>
          <li>作者: 丁佑强</li>
          <li>作者: 张鱼小圆子</li>
        </ul>
      </el-card>
      <el-card class="card">
        代码测试环境<br>
        <ul>
          <li>暂时空白</li>
        </ul>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
.dashboard {
  font-family: Hiragino Sans GB;
}

.title {
  margin-left: 20px;  
}

.card {
  margin-top: 10px;
  margin-bottom: 5px;
}

.button {
  margin-right: 20px;
}

</style>
